<template>
  <div class="policy-body-root">
   <PolicyCard :result="result.from_info"></PolicyCard>
  <PolicyCard :result="result.to_info"></PolicyCard>
  </div>
</template>

<script>
import PolicyCard from "./PolicyCard.vue"
export default {
  name: "PolicyBody",
  components:{PolicyCard},
  props: {
    result: {
      type: Object,
      default: null,
    },
  },
  created() {
    console.log(this.result);
  },
  watch: {
    result() {
      console.log(this.result);
    },
  },
  methods: {
    openUrl(url) {
      window.open(url, "_blank");
    },
  },
};
</script>

<style scoped>
.policy-body-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}

</style>
